<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@include file="/WEB-INF/jsp/include.jsp"%>
<link
	href="<c:url value="/resources/css/themes/metro/blue/jtable.css" />"
	rel="stylesheet">
<script src="<c:url value="/resources/js/vendedorJTable.js" />"></script>
<c:url value="/vendedor/buscar" var="vendedorBuscarUrl" />
<script type="text/javascript">
	jQuery(document)
			.ready(
					function($) {
						$("#inputNombre")
								.attr('placeholder',
										'<spring:message code="vendedor.form.listavendedor.nombre.label"/>');
						$("#inputApellidoPaterno")
								.attr('placeholder',
										'<spring:message code="vendedor.form.listavendedor.apellidoPaterno.label"/>');
						$("#inputApellidoMaterno")
								.attr('placeholder',
										'<spring:message code="vendedor.form.listavendedor.apellidoMaterno.label"/>');
						producto.init($('#tablaVendedor'), $('#botonBuscar'),
								'${vendedorBuscarUrl}');
					});
</script>

<div class="div_container">
	<form:form id="form_listaVendedor" class="form-horizontal"
		modelAttribute="vendedor" method="post">

		<div class="row-fluid">
			<h4 class="">
				<i class="icon-plus-sign-alt"></i>
				<spring:message code="vendedor.form.listavendedor.title" />
			</h4>
			<hr>
		</div>
		<div class="form-group">
			<label for="inputNombre" class="control-label col-xs-1"><spring:message
					code="vendedor.form.listavendedor.nombre.label" /> </label>
			<div class="col-xs-3">
				<form:input path="nombres" id="inputNombre" class="form-control" />
			</div>
			<label for="inputApellidoPaterno" class="control-label col-xs-2"
				style="padding-top: 0px;"> <spring:message
					code="vendedor.form.listavendedor.apellidoPaterno.label" /></label>
			<div class="col-xs-3">
				<form:input path="apellidoPaterno" id="inputApellidoPaterno"
					class="form-control" cssStyle="padding-right: 5%;padding-left: 5%;" />
			</div>
			<label for="inputApellidoMaterno" class="control-label col-xs-2"
				style="padding-top: 0px;"> <spring:message
					code="vendedor.form.listavendedor.apellidoMaterno.label" /></label>
			<div class="col-xs-3">
				<form:input path="apellidoMaterno" id="inputApellidoMaterno"
					class="form-control" cssStyle="padding-right: 5%;padding-left: 5%;" />
			</div>
			<div>
				<button type="button" class="btn btn-primary" id="botonBuscar">
					<spring:message code="tomador.pedido.buscar.button" />
				</button>
			</div>
		</div>
	</form:form>

	<div id="tablaVendedor"></div>
</div>